var React = require('react');


var Bheader = require('../widget/Bheader');
var Icon = require('../components/Icon');

module.exports = React.createClass({
    getInitialState: function () {
        return {
            theme:"Default"

        }
    },

    componentDidMount: function () {

    },

    //发送
    out(){
        var out = this.refs.out.value;
        console.log(out);
    },

    render: function () {
        var p = this;

        return (
            <div className="main"  id="main">
                <Bheader theme={this.state.theme} headr="false" title="联系客服" hact="#wode"></Bheader>
                <div className="container-t">
                    <hr className="orderHr"/>
                    <div className="customer">
                        <div className="headPortrait">
                            <img src="http://115.29.198.39:8080/upload/aboutus/50380992930163581.jpg" />
                        </div>
                        <div className="customerItem">
                            <p className="customerName">跨乐购-小美美</p>
                            <div className="dialogBox">
                                <p>亲，我是XXXXXXXXXXXX，欢迎您使用跨乐购平台，么么哒~~</p>
                            </div>
                        </div>
                    </div>
                    <div className="time">
                        <p><span>今天&nbsp;</span><span>14 : 28</span></p>
                    </div>
                    <div className="inputBox">
                        <input type="text" ref="out" placeholder="请简短描述您的问题"  onfocus="this.placeholder=''" onblur="this.placeholder='请简短描述您的问题'"/>
                        <div  className="out" onClick={this.out} >
                            <Icon icon="#icon-fasong" />
                        </div>
                    </div>

                </div>
            </div>
        )
    }
});
